<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Footer</title>
    <link rel="shortcut icon" type="image/x-icon" href="../img/enjoy-3.png">
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.7/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/footer-bar.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .row {
            width: 100%;
        }

        .form-group {
            margin-bottom: 5px;
        }

        .reg {
            font-weight: 700;
            font-size: 25px;
            margin: 100px 30px 5px;
        }

        .regi {
            margin: 100px 0 2px 30px;
        }

        .infor {
            margin: 80px 2px 2px;
        }

        .regis {
            width: 92.5%;
            margin-left: 30px;
            text-align: center;
        }

        .text {
            font-size: 11px;
            color: #ccc;
            margin-top: 2px;
        }

        .veri {
            background: #ccc;
            color: white;
            margin: 0 0 0 250px;
        }

        .error {
            margin: 2px 0 100px 290px;
        }

        .ver {
            margin-bottom: 5px;
        }

        .verif {

        }
    </style>
</head>
<body>
<section>
    <div class="row">
        <div class="col-xs-12">
            <p class="reg">注册</p>
        </div>
        <div class="col-xs-12">
            <span class="regi">新客享2500元优惠券,已有账号</span>
            <a>立即登陆</a>
        </div>
    </div>
    <div class="row infor">
        <div class="div col-xs-12">
            <form>
                <div class="form-group">
                    <input type="text" class="form-control" id="tele" placeholder="手机号">
                </div>
            </form>
        </div>
        <div class="div col-xs-12">
            <div class="form-group verif">
                <input type="text" class="form-control ver" id="ver" placeholder="验证码">
                <button type="submit" class="btn btn-default veri">获取验证码</button>
            </div>
        </div>
        <div class="div col-xs-12">
            <div class="form-group">
                <input type="password" class="form-control" id="Password" placeholder="密码">
                <p class="text">密码需为字母(区分大小写)、数字、符号两种以上组成的6~20位字符</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="div clo-xs-12">
            <button type="submit" class="btn btn-default regis">注册</button>
        </div>
        <div class="div clo-xs-12">
            <p class="error">收不到验证码</p>
        </div>
    </div>
</section>
</body>
<script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/footer-bar.js"></script>
</html>